import { observer, inject } from "mobx-react";
import { Link, Outlet } from "react-router-dom";
import { Layout, Space } from "antd";

const { Header, Footer } = Layout;

const Applayout = () => {
  return (
    <Layout>
      <Header style={{ background: "#fff" }}>
        <Space>
          <Link to="/">Home</Link>
          <Link to="/list">List</Link>
        </Space>
      </Header>
      <Outlet />
      <Footer>Footer</Footer>
    </Layout>
  );
};

export default inject("store")(observer(Applayout));
